<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    
       <script type="text/javascript" src="/js/map/map.js"></script>
       <script type="text/javascript" src="/js/map/projectedoverlay.js"></script>
       <script type="text/javascript" src="/js/map/markerclusterer.js"></script>
       <script type="text/javascript" src="/js/map/searchbox.js"></script>
       <script type="text/javascript" src="/js/map/searchgriddetail.js"></script>
       <script type="text/javascript" src="/js/map/biochart.js"></script>
       <script type="text/javascript" src="/js/map/biochartreport.js"></script>
       <script type="text/javascript" src="/js/map/gvTooltip.js"></script>
       <script type="text/javascript" src="https://www.google.com/jsapi"></script>

        
       



       <link rel="stylesheet" href="/css/map/map.css">
       <link rel="stylesheet" href="/css/map/gvTooltip.css">
        
        


    </head>


    
    <body onload="initializeMAP_V3(20.280232,38.512573, 6,document.getElementById('map_canvas'));">

        <table id="" cellpadding="0" cellspacing="0" style="background-color: white ; border-bottom: solid 1px white;top:0px;position: relative;">
          <tr>
              <td  align="left" style="width: 100%; padding-right: 20px;">
                  <table cellpadding="0" cellspacing="0" width="100%">
                      <tr>
                                                 
                          <td style="padding-left: 20px">
                              <a style="cursor: pointer" onclick="window.location.reload();" title="Reload">  <img src="/images/24refresh.png" width="20px" height="20px"/></a>
                          </td>
                          <td style="padding-left: 10px">
                              <a style="cursor: pointer" onclick="autoLocate(20.280232,38.512573, 6);" title="Default Location">  <img src="/images/24autolocate.png" width="18px" height="18px"/></a>
                          </td>
                          <td style="padding-left: 10px">
                            <a id="markerbutton" class="markertoogle" title="Map Pointers Show/Hide"></a>
                            <input type="hidden" id="hdShowMarkers" value="1"/>
                          </td>
                          <td style="width:100%" id="tdtestresult"> </td>

                                                </tr>
                  </table>
                  
              </td>
              <td align="right" style="width: auto; padding-top: 0px;padding-bottom: 0px; padding-right: 2px; ">
                  <table id="toolsearchresult" align="right" style=" border: none;display: none; position: relative; top:-2px; left: 10px; width: 100px;" cellpadding="0" cellspacing="0">
                                  <tr>
                                      <td id="tdsearchresultdetail" style=" border: none; vertical-align: middle;height: 0px; " width="auto">

                                    <ul class="tabs">
                            <li style="padding-top: 4px; padding-right: 10px" ><a id="btngraph" href="#searchresultreporttab"> <img src="/images/24chart.png" width ="20px" height="20px" style="border: none"/></a></li>
                            <li style="padding-top: 4px;padding-right: 10px"><a id="btndata" href="#searchresultdetailtab"><img src="/images/24save.png" width ="20px" height="20px" style="border: none"/></a></li>
                            <li style="padding-top: 4px;padding-right: 5px"><a id="btncitation" href="#searchresultcitationtab"><img src="/images/24citation.png" width ="20px" height="20px" style="border: none"/></a></li>

                            </ul>
                            </td>
                            </tr>
                            </table>
              </td>

              <td align="right" style="width: auto; padding-top: 4px;padding-bottom: 4px; padding-right: 2px">
                  <table cellpadding="0" cellspacing="0" width="auto">
                      <tr>
                          
                          <td>
                              
                              <input  id="searchbox" type="text"  class="searchbox" />
<!--                               title="Type any Species, Contributor or Location name"-->
                              
                         </td>
                         
                          
                          <td>
                             <a class="trigger">
                                 <img id="imgtrigger" src="/images/up.png" width="22px" height="22px" />
                             <input type="hidden" id="hdtrigger" value="1"/>
                             </a>
                    
                          </td>
                      </tr>
                  </table>
                  
              </td>

          </tr>

      </table>







        <div class="panel" id="searchresult">

    


    <table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
        
      <tr>

                
          <td width="320px" style="text-align: center; vertical-align: middle; " id="tdsearchresult">




          </td>
      </tr>
    </table>
</div>

<div id="panel_detail" class="panel_detail">
    
    <table style="position: absolute; top: 27px;">
        <tr>
             <td id="tdsearchresultdetail" style=" border:none 0px #e6e6d2; vertical-align: top;height: 0px;">
                 <div class="tab_container" style="background-color: white">

        <div id="searchresultreporttab" class="tab_content" style="background : white ;">
            <div id="divfilter" style=" position: relative; top: 0px; z-index: 2; background: none;-moz-border-radius: 1px; left: 55px; width: 95.3%; padding: 0 2px 0 2px">
                <table cellpadding="0" cellspacing="0" style="width: 100%">
                 <tr>
                    <td style="float: left;">
                        <div> <a class="grptype"> Show by year</a></div>
                    <input type="hidden" id="hdgrptype" value="0"/>
<!--                    <label id="lbgraphtitle" style="font-size: 10pt; font-weight: bold; color:  #666666;padding-left: 35px">Location Summary</label>-->

                    </td>
                    <td align="right" style=" width: 120px">
                        <div id="divUnitFilter" style="display:  none;">

                        <label style="font-size: 11px; font-family: verdana, helvetica, arial, sans-serif;color: #5375ab; padding-right: 5px">Unit</label>
                        <select id="cbUnitFilter" class="cbo">

                        </select>
                        </div>
                    </td>
                    <td align="right" style=" width: 120px">
                        <div id="divDepthFilter" style="display:  block;">

                        <label style="font-size: 11px; font-family: verdana, helvetica, arial, sans-serif;color: #5375ab; padding-right: 5px">Depth</label>
                        <select id="cbDepthFilter" class="cbo">

                        </select>
                    </div>
                    </td>
                    
                    <td align="right" style="width: 130px">
                    
                    <div id="divYearFilter" style="display:  block;">
                        
                        <label style="font-size: 11px; font-family: verdana, helvetica, arial, sans-serif;color: #5375ab; padding-right: 5px">Year</label>
                        <select id="cbYearFilter" class="cbo">

                        </select>
                    </div>
                    <div id="divLocationFilter" style="display:  none;">
                        <label style="font-size: 11px; font-family: verdana, helvetica, arial, sans-serif;color: #5375ab; padding-right: 5px">Location</label>
                        <select id="cbLocationFilter" class="cbo">

                        </select>
                    </div>

                    </td>
                </tr>
                </table>
            </div>
            <table cellpadding="0" cellspacing="0" >
            <tr>
                <td colspan="2">
                    <div id="GraphBio_Bar" style="width: 975px;height: 150px;"></div>
                </td>
            </tr>
            
        </table>


            

        </div>
                     <div id="searchresultdetailtab" class="tab_content" style="width: 975px;background : url('/images/background.jpg') ;">
            <table  style="height: 100%; width:100%;">
                <tr>
                    <td style="height: 100%; vertical-align: top" id="searchdetailgrid" align="center"  >

                    </td>
                </tr>


            </table>
                         
        </div>
                     <div id="searchresultcitationtab" class="tab_content" style="background : url('/images/background.jpg') ;">


        </div>
<!--                     <div align="right" style="width: 100%; "><a onclick="showhidedetails();" style="cursor: pointer;"><label style="font-size: 11px; font-family: verdana, helvetica, arial, sans-serif;color: #5375ab; padding-right: 20px;padding-bottom: 10px; cursor: pointer">Hide</label></a></div>-->
                       <input type="hidden" id="hdSearchDetails" value="0"/>
    </div>



          </td>


        </tr>
    </table>
    
</div>
        <div id="map_canvas">

        </div>
        <a href="" onclick="autoLocate(20.280232,38.512573, 6);">
            <div id="autolocation">
            </div>
        </a>
        
    </body>
</html>